<?php
$active_page = "profile.php";
?>
<html>
<head>
<meta http-equiv=Content-Type content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="css/semantic.css" />
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/draggable_background.js"></script>
<script src="js/semantic.js"></script>
<script type="text/javascript">
$(function(){
/*--------------
     Dropdown
---------------*/		
	$('.ui.dropdown').dropdown();/*Initialize Dropdown*/
});
</script>
<style type="text/css">
/*--------------
     Container
---------------*/
.container{
	width:71.43rem;
	margin:auto;
	padding:0 0.714rem;
}

/*--------------
     Label
---------------*/
.ui.activity.label{
	margin:0.3em 0.125em;/*Increase top margin*/
}
</style>
</head>
<body>
<!--************
Top menu
*************-->
<?php
include("top-menu.php");
?>



<!--************
Modal
*************-->
<div id="weight" class="ui small modal">
	<i class="close icon"></i>
	<div class="header">บันทึกน้ำหนัก</div>
	<div class="content">
		<div class="description">
			<div class="ui two equal height column grid">
				<div class="column">
					<div class="ui form">
						<div class="inline field">
							<label>8 กุมภาพันธ์ 2558</label>
						</div>
						<div class="inline field">
							<label>น้ำหนัก</label>
							<input type="text" placeholder="กิโลกรัม" style="width:6em;">
						</div>
					</div>					
				</div>			
			</div>
		</div>
	</div>
	<div class="actions">
		<div class="ui button">ยกเลิก</div>
		<div class="ui primary button">บันทึก</div>
	</div>
</div>
<div id="height" class="ui small modal">
	<i class="close icon"></i>
	<div class="header">บันทึกส่วนสูง</div>
	<div class="content">
		<div class="description">
			<div class="ui two equal height column grid">
				<div class="column">
					<div class="ui form">
						<div class="inline field">
							<label>8 กุมภาพันธ์ 2558</label>
						</div>
						<div class="inline field">
							<label>ส่วนสูง</label>
							<input type="text" placeholder="เซ็นติเมตร" style="width:6em;">
						</div>
					</div>					
				</div>			
			</div>
		</div>
	</div>
	<div class="actions">
		<div class="ui button">ยกเลิก</div>
		<div class="ui primary button">บันทึก</div>
	</div>
</div>
<div id="fat" class="ui small modal">
	<i class="close icon"></i>
	<div class="header">บันทึกไขมัน</div>
	<div class="content">
		<div class="description">
			<div class="ui two equal height column grid">
				<div class="column">
					<div class="ui form">
						<div class="inline field">
							<label>8 กุมภาพันธ์ 2558</label>
						</div>
						<div class="inline field">
							<label>ไขมัน</label>
							<input type="text" placeholder="เปอร์เซ็นต์" style="width:6em;">
						</div>
					</div>					
				</div>			
			</div>
		</div>
	</div>
	<div class="actions">
		<div class="ui button">ยกเลิก</div>
		<div class="ui primary button">บันทึก</div>
	</div>
</div>
</body>
</html>